<template>
  <!--<div class="video-box">-->
    <!--<swiper :options="swiperOption">-->
      <!--<swiper-slide v-for="slide in movieTopScrollData.data">-->
        <!--<img :src="slide.thumb" width="440" height="220">-->
      <!--</swiper-slide>-->
      <!--<div class="swiper-pagination"  slot="pagination"></div>-->
    <!--</swiper>-->
  <!--</div>-->
  <div class="block">
    <el-carousel trigger="click" height="220px">
      <el-carousel-item v-for="item in movieTopScrollData" :key="item">
        <img :src="item.thumb" width="440" height="220">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
  export default {
    props: {
      movieTopScrollData: {
        type: Object
      }
    },
    data() {
      return {
      };
    }
  };
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss" rel="stylesheet/scss">

</style>
